* {
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    text-decoration: none;
}

li {
    list-style: none;
}

html,
body {
    scroll-behavior: smooth;
}

html {
    font-size: 13.3333vw;
}

body {
    font-size: 0.16rem;
}

@media screen and (min-width:1201px) {
    .header {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        z-index: 999;
    }

    .header .left {
        margin-left: 0.5rem;
        display: flex;
        align-items: center;
    }

    .header .left .img {
        width: 208px;
        height: 27px;
        cursor: pointer;
    }

    .header .left .img img {
        width: 100%;
        height: 100%;
    }

    .header .left .gu {
        width: 150px;
        height: 20px;
        float: left;
        color: #676767;
        font-size: 14px;
        line-height: 20px;
        margin-left: 10px;
        border-left: 1px solid #8d8d8d;
        padding-left: 10px;
    }

    .header .right {
        height: 60px;
        white-space: nowrap;
    }

    .header .right .h-title {
        height: 60px;
        width: 850px;
        white-space: nowrap;
    }

    .header .right .h-title ul li {
        white-space: nowrap;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        float: left;
        display: block;
        /* font-family: PingFangSC-Semibold, PingFang SC; */
        /* margin-right: 35px; */
        margin-left: 0.2rem;
        cursor: pointer;
        height: 70px;
        line-height: 60px;
    }

    .header .right .h-title ul li:nth-child(7) {
        width: 19px;
        height: 19px;
        display: inline-block;
        margin-left: 40px;
        margin-top: -1px;
        cursor: pointer;
    }

    .header .right .h-title ul li:nth-child(8) {
        width: 19px;
        height: 19px;
        display: inline-block;
        margin-left: 30px;
        margin-top: 2px;
        cursor: pointer;
    }

    .header .right .h-title ul li img {
        width: 100%;
        height: 100%;
    }

    .header .right {
        margin-right: 50px;
        display: flex;
    }

    .header .right #qiehuan dd a {
        font-size: 14px;
    }

}

.nav-main-aside {
    /* width: 280px; */
    display: none;
    width: 0;
    height: 100vh;
    transition: all 1s linear;
    position: absolute;
    right: -280px;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(137, 136, 136);
}

.nav-main-aside a {
    display: block;
    width: 280px;
    height: 41px;
    line-height: 41px;
    padding: 5px 10px;
    color: #333333;
    font-size: 14px;
}

.mask1 {
    width: 40%;
    position: absolute;
    left: -40%;
    top: 0;
    height: 100vh;
    background: rgba(255, 255, 255, 0.041);
    opacity: 0;
}

/* 移动端 */
@media screen and (max-width: 1200px) {
    .menu {
        display: block;
        width: 25px;
        height: 25px;
        margin-top: -7px;
        margin-right: 10px;
        background: url('/src/images/caidan.png') no-repeat;
        z-index: 99;
    }

    .guanbi {
        width: 25px;
        height: 25px;
        margin-top: -7px;
        margin-right: 10px;
        background: url('/src/images/guanbi.png') no-repeat;
        z-index: 99;
    }

    .header {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        z-index: 999;
        background: #ffffff73;
    }

    .header .left {
        margin-left: 0.5rem;
        display: flex;
        align-items: center;
    }

    .header .left .img {
        /* width: 208px;
        height: 27px; */
        width: 170px;
        height: 23px;
        cursor: pointer;
    }

    .header .left .img img {
        width: 100%;
        height: 100%;
    }

    .header .left .gu {
        display: none;
    }

    .header .right {
        display: none;
    }

    h2 a {
        margin-left: -9px;
    }

}